<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="utf-8" lang="utf-8">
	<head>
		<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
		<meta name="ROBOTS" content="all" />
		<title>  </title>
		<meta name="description" content="" />
		<meta name="keyword" content="" />
		<link rel="stylesheet" type="text/css" href="/theme/<?=$_theme?>/common/css/gnb.css" id="stylesheet" />
		<script type="text/javascript" src="/theme/<?=$_theme?>/common/js/jquery-latest.js"></script>
		<script type="text/javascript" src="/theme/<?=$_theme?>/common/js/gnb.js"></script>
		<script type="text/javascript" src="/theme/<?=$_theme?>/common/js/v_navi.js"></script>

		<style type="text/css" media="all">
			<!--
				/* global defaults */
					body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,button,th,td,textarea,input{margin:0;padding:0;}
					hr, legend {display:none;}
					img, fieldset {border:0 none;}
					body, h1, h2, h3, h4, h5, dl, dt, dd, th, td, p, form, fieldset, legend, input, div {font-size:12px;font-weight:normal;}
					ul, ol, li {list-style:none outside;}
					img, input, select, textarea, label{vertical-align:middle;}
					body,th,td{font-size:12px; font-family:dotum, gulim, sans-serif;}
					a:link {text-decoration:none;}
					a:visited {text-decoration:none;}
					a:hover{text-decoration:none;}

				/* clear style */
					.c_box {*zoom:1;}
					.c_box:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}

				/* png img style */
					.png24{behavior: url("/jms/layout/common/css/iepngfix.htc")}

				/* form list style */
					.select {color:#666666; font:12px dotum; border:1px #dedede solid;}
					.input {color:#979797; font: 11px dotum; border:1px #cccccc solid; padding-left:3px; line-height:19px; *margin-top:-1px;}
					.textarea{color:#979797; font: 11px dotum; border:1px solid #7f9db9; line-height:18px;}
					.radio {margin:0px; padding:0px; height:13px; width:13px; overflow:hidden;}
					.checkbox{margin:0px; padding:0px; height:13px; width:13px; overflow:hidden;}

				/* library */
					.tal {text-align: left !important; }
					.tac {text-align: center !important}
					.tar {text-align: right !important; }
					.taj {text-align: justify; }
					.vam{vertical-align:middle;}
					.vat{vertical-align:top;}
					.vab{vertical-align:bottom;}
					.float_l {float: left; }
					.float_r {float: right; }
					.clear_b {clear: both; float: none; }
					.clear_r {clear: right; float: none;}
					.clear_l {clear: left; float: none;}
					.normal {font-weight: normal;}
					.block {display: block;}
					.bold {font-weight: bold;}
					.let{letter-spacing:-1px;}
					.let2 {letter-spacing:-2px;}
					.deco_l{text-decoration:line-through;}
					.deco_u{text-decoration:underline;}

				/* color style */
					.cffffff, .cffffff a:link, .cffffff a:visited, .cffffff a:active, .cffffff a:hover {color:#ffffff;}
					.c000000, .c000000 a:link, .c000000 a:visited, .c000000 a:active, .c000000 a:hover {color:#000000;}

				/* line-height style */
					.l13 {line-height:13px;}
					.l14 {line-height:14px;}
					.l15 {line-height:15px;}
					.l16 {line-height:16px;}
					.l17 {line-height:17px;}
					.l18 {line-height:18px;}
					.l19 {line-height:19px;}
					.l20 {line-height:20px;}
					.l21 {line-height:21px;}
					.l22 {line-height:22px;}
					.l23 {line-height:23px;}
					.l24 {line-height:24px;}

				/* font size */
					.p10{font-size:10px;}
					.p11{font-size:11px;}
					.p12{font-size:12px;}
					.p13{font-size:13px;}
					.p14{font-size:14px;}
					.p15{font-size:15px;}
					.p16{font-size:16px;}
					.p18{font-size:18px;}
					.p20{font-size:20px;}
					.p24{font-size:24px;}
					.p25{font-size:25px;}

				/* font style */
					.p_d{font-family:dotum;}
					.p_a{font-family:arial;}
					.p_v{font-family:verdana;}
					.p_t{font-family:tahoma;}

				/* scrollbar style */
					.scrollbar{
					scrollbar-face-color: #fff;
					scrollbar-track-color: #fff;
					scrollbar-arrow-color: #b6b6b6;
					scrollbar-highlight-color: #e2e2e2;
					scrollbar-3dlight-color: #fff;
					scrollbar-shadow-color: #e2e2e2;
					scrollbar-darkshadow-color: #fff;
					}

				/* pageing style */
					.paging_all {text-align:center; padding-top:14px; margin:0px auto; clear:both; position: relative; z-index:1;}
					.pagingbtnl{position: absolute; left:0px; top:10px; z-index:2;}
					.pagingbtnr{position: absolute; right:0px; top:10px; z-index:2;}
					.paging {text-align:center; margin:0px auto; padding-top:0;}
					.paging .num {word-spacing:0.1em; font-size:11px; font-family:dotum;}
					.paging .num b {font-size:11px; padding:0px 2px 1px 4px;  margin-right:2px; background:url('/common/images/board/pagingline.gif') no-repeat right 4px;}
					.paging .num a {font-size:11px; color:#888888; text-decoration:none; text-align:center; padding:0px 2px 0px 3px; margin-right:2px; background:url('/common/images/board/pagingline.gif') no-repeat right 4px;}
					.paging .num a.last, .num b.last {margin-right:4px; padding:0px 1px 0px 3px; background:none;}
					.paging .num a:hover { text-decoration:none;}

				/* Skip Navigation */
					.skip{display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;}
					.skip:hover,
					.skip:active,
					.skip:focus{ width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:bold; font-size:12px; color:#333; font-family:Tahoma; line-height:1; text-decoration:none !important;}

				/* page style */
					html,body{width:100%; height:100%;}
					body#layout{text-align: center; line-height: 16px; font:12px 돋움, dotum; color:#666666;}

					/* Layout Style */
						#m_wrapper{margin:0 auto; padding:0; width:980px; height:100%; text-align:left; background-color:#d9d9d9;}
						#m_header{margin:0; padding:0; width:980px; height:100px; text-align:left; background-color:#c5eab3; position: relative; z-index:1;}
						#m_contents{margin:-100px 0 -70px; padding:0; width:980px; min-height:100%; text-align:left; clear:both; background-color:#b0d1ec;}
						* html #m_contents {height: 100%;}
						#m_con_area{margin:0; padding:100px 0 70px; width:980px; text-align:left; clear:both; background-color:#b0d1ec;}
						#m_contents_l{margin:0; padding:0; width:200px; float:left; background-color:#fadafe; height:615px;}
						#m_contents_r{margin:0; padding:0; width:750px; float:right; background-color:#f2edaa; height:615px;}
						#m_footer{margin:0; padding:0; width:980px; height:70px; text-align:left; clear:both; background-color:#eed0ae;}
					/* Layout Style */

					/* All Page Style */
						ul#top_utility{position: relative; z-index:1; font-size:0; line-height:0; width:100%; padding-top:30px;}
						ul#top_utility li{font-size:0; line-height:0;}
						ul#top_utility li.logo{}
							ul#top_utility li.logo h1{font:bold 14px verdana;}
							ul#top_utility li.logo img{display:block;}
						ul#top_utility li.utility{position: absolute; right:0px; top:30px; z-index:99; font:bold 10px verdana; line-height:10px;}
						ul#top_utility li.utility span{font:9px verdana; line-height:10px; color:#999999;}

						#gnb_area{position: absolute; left:0px; bottom:0px; width:100%;}
					/* All Page Style */

			-->
		</style>

		<script type="text/javascript">
			//<![CDATA[

			//]]>
		</script>
	</head>

	<body id="layout">
		<!--[if !ie]> 전체 페이지 ST <![endif]-->
			<div id="m_wrapper">
				<!--[if !ie]> 헤더 부분 ST <![endif]-->
					<div id="m_header">
						<ul id="top_utility">
							<li class="logo"><h1>로고</h1></li>
							<li class="utility">
								HOME <span>&gt;</span> LOGIN <span>&gt;</span> LOGOUT 
							</li>
						</ul>

						<!-- Skip To Content -->
						<a href="#m_contents_r" class="skip">&raquo; 메뉴 건너 뛰기</a>
						<!-- /Skip To Content -->

						<div id="gnb_area">
							<div id="menu" class="menu mcGray">
								<!-- class="mcPurple | mcViolet | mcOrange | mcGreen | mcGray"-->
								<div class="inset">
									<div class="major">
									<!-- class="major + (m1~m12)"-->
										<ul>
											<li class="m1"><a href="#"><span>메뉴01</span></a>
												<div class="sub">
													<ul>
														<li><a href="#"><span>메뉴01_1</span></a></li>
														<li><a href="#"><span>메뉴01_2</span></a></li>
													</ul>
												</div>
											</li>
											<li class="m2"><a href="#"><span>메뉴02</span></a>
												<div class="sub">
													<ul>
														<li><a href="#"><span>메뉴02_1</span></a></li>
														<li><a href="#"><span>메뉴02_2</span></a></li>
													</ul>
												</div>
											</li>
											<li class="m3"><a href="#"><span>메뉴03</span></a></li>
											<li class="m4"><a href="#"><span>메뉴04</span></a>
												<div class="sub">
													<ul>
														<li><a href="#"><span>메뉴04_1</span></a></li>
														<li><a href="#"><span>메뉴04_2</span></a></li>
														<li><a href="#"><span>메뉴04_3</span></a></li>
													</ul>
												</div>
											</li>
										</ul>
									</div>
									<div class="aside">
										<ul>
											<li class="m1"><a href="#"><span>메뉴10</span></a></li>
											<li class="m2"><a href="#"><span>메뉴11</span></a>
												<div class="sub">
													<ul>
														<li><a href="#"><span>메뉴11_1</span></a></li>
														<li><a href="#"><span>메뉴11_2</span></a></li>
													</ul>
												</div>
											</li>
										</ul>
									</div>
									<span class="gradient"></span>
								</div>
								<span class="shadow"></span>
							</div>
						</div>
					</div>
				<!--[if !ie]> 헤더 부분 ED <![endif]-->

				<!--[if !ie]> 컨텐츠 부분 ST <![endif]-->
					<div id="m_contents">
						<div id="m_con_area">
							<!--[if !ie]> 왼쪽 컨텐츠 부분 ST <![endif]-->
								<div id="m_contents_l">
									<div id="sMenu" class="sMenu">
										<ul>
											<li><a href="#"><span>동해물과</span></a>
												<ul>
													<li class="active"><a href="#"><span>동해물과</span></a></li>
													<li><a href="#"><span>동해</span></a></li>
												</ul>
											</li>
											<li><a href="#"><span>백두산이</span></a>
												<ul>
													<li><a href="#"><span>백두산이 마르고 닳도록</span></a></li>
													<li><a href="#"><span>백두산</span></a></li>
												</ul>
											</li>
											<li><a href="#"><span>마르고</span></a></li>
											<li><a href="#"><span>닳도록</span></a>
												<ul>
													<li><a href="#"><span>닳도록</span></a></li>
													<li><a href="#"><span>닳도</span></a></li>
													<li><a href="#"><span>닳</span></a></li>
												</ul>
											</li>
										</ul>
									</div>
								</div>
							<!--[if !ie]> 왼쪽 컨텐츠 부분 ED <![endif]-->

							<!--[if !ie]> 오른쪽 컨텐츠 부분 ST <![endif]-->
								<div id="m_contents_r">
								<?php 
									$this->load->view($_content);
								?>
								</div>
							<!--[if !ie]> 오른쪽 컨텐츠 부분 ED <![endif]-->
						</div>
					</div>
				<!--[if !ie]> 컨텐츠 부분 ED <![endif]-->

				<!--[if !ie]> 푸터 부분 ST <![endif]-->
					<div id="m_footer">
					</div>
				<!--[if !ie]> 푸터 부분 ED <![endif]-->
			</div>
		<!--[if !ie]> 전체 페이지 ED <![endif]-->
	</body>
</html>